<?php
include 'logic_layer.php';

if (!isset($_SESSION)) {
    session_start();
}

//make sure the session starts from the index page
//and that the session step matched current page
if (!isset($_SESSION["step"]) || $_SESSION["step"] != "thanks") {
    header('Location: index.php');
}
?>

<!DOCTYPE html>
<html>
    <head>
        <title>Thanks</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="assets/js/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <!-- Main -->
        <link href="main.css" rel="stylesheet" media="screen">

    </head>

    <body>
        <!-- Part 0: Steps -->
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="steps">
                    <p class="steps-done">Welcome &#10140; Outline &#10140; Personality Test &#10140; IFTTT Tutorial &#10140; Creating a Recipe &#10140; Questionnaire</p>
                </div>
            </div>
        </div>

        <!-- Part 1: Wrap all page content here -->
        <!-- Begin page content -->
        <div class="container">
            <div class="page-header">
                <h1>Thank You Very Much!</h1>
            </div>

            <p class="lead">Thanks again for taking the time to participate and complete this experiment. The data collected from this session will remain confidential and anonymous, and will be solely used for academic purposes.</p>


            <p class="lead"><b>Confirmation ID: </b><?php echo $_SESSION['pid']; ?></p>

        </div>




        <!-- Le javascript
        ================================================== -->
        <script src="assets/js/jquery/jquery-2.0.3.min.js"></script>
        <script src="assets/js/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/bootbox/bootbox.min.js"></script>
        <script src="assets/js/bootbox/button.js"></script>

    </body>
</html>
